<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>在线获取京东Cookie</title>
		<!-- 使用本地的文件 -->
		<!-- <script type="text/javascript" src="./jd_cookie.min.js"></script> -->
		<!-- 使用在线的文件 -->
		<script type="text/javascript"
			src="https://service-exv8prgk-1251133039.gz.apigw.tencentcs.com/release/jd_cookie.min.js"></script>
		<style type="text/css">
			body,
			html {
				margin: 0;
				padding: 0;
			}

			#jd_cookie {
				outline: none;
			}

			button {
				background-color: transparent;
				border-style: none;
				font-size: 32pt;
			}

			button:hover {
				border: 1px #c6c6c6 solid;
				box-shadow: 1px 1px 1px #eaeaea;
				color: #333333;
				background: #f7f7f7;
			}

			button:active {
				box-shadow: inset 1px 1px 1px #dfdfdf;
			}

			@media screen and (max-width: 480px) {
				.container .dec {
					margin-top: 50px;
				}

				.container .btn {
					margin-bottom: 50px;
				}
			}
		</style>
		<meta name="viewport"
			content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<!-- 
		<link rel="stylesheet" href="https://www.vc99.cn/daima/ui.css" /> -->
		<link rel="stylesheet" type="text/css" href="ui.css" />
	</head>

	<body>
		<div class="wrapper">
			<div class="profile-card js-profile-card">
				<div class="profile-card__img">
					<img src="https://img.yzuz.net/image/60a5f3a18770a.jpg" />
				</div>
				<div class="profile-card__cnt js-profile-cnt">
					<div class="profile-card__name">
						⚠️请确认你信任此服务的提供者<br />否则会有隐私泄漏风险
					</div>
					<br />
					<br />
					<br />

					<div class="profile-card-inf">
						<div class="profile-card-inf__item">
							<div class="profile-card-inf__title"><img style="height: 30px; width: 30px;"
									src="https://img.yzuz.net/image/60a5f3a18770a.jpg"></div>
							<div class="profile-card-inf__txt">
								<a href="_blank" target="_blank">公众号</a>
							</div>
						</div>

						<div class="profile-card-inf__item">
							<div class="profile-card-inf__title"><img style="height: 30px; width: 30px;"
									src="https://img.yzuz.net/image/60a5f3a18770a.jpg"></div>
							<div class="profile-card-inf__txt">
								<a href="http://wpa.qq.com/msgrd?v=3&uin=201626602&site=qq&menu=yes"
									target="_blank">作者联系方式</a>
							</div>
						</div>

						<div class="profile-card-inf__item">
							<div class="profile-card-inf__title"><img style="height: 30px; width: 30px;"
									src="https://img.yzuz.net/image/60a5f3a18770a.jpg"></div>
							<div class="profile-card-inf__txt">
								<a href="https://jq.qq.com/?_wv=1027&k=kEsp8sjh"
									target="https://jq.qq.com/?_wv=1027&k=kEsp8sjh">交流群</a>
							</div>
						</div>
					</div>
					<div class="profile-card-ctr">
						<button class="profile-card__button button--blue js-message-btn" id="jd_cookie"
							title="手机扫描二维码登录">
							点击获取二维码
						</button>
					</div>
				</div>
			</div>
		</div>
		<script>
			document
				.getElementById('jd_cookie')
				.addEventListener('click', function() {
					// 后端服务接口 默认本地 var apiHost = '.';
					// 你可以部署云函数之后，在任意网页上使用
					// ⚠注意：结尾不要有 '/'
					// 例如 var apiHost = 'https://service-exv8prgk-1251133039.gz.apigw.tencentcs.com/release';
					var apiHost =
						'https://service-exv8prgk-1251133039.gz.apigw.tencentcs.com/release';
					JDCookie(apiHost);
				});
		</script>
	</body>
</html>
